<!DOCTYPE html>
<html lang="zh-CN" class="nivo-lightbox-notouch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title th:text="${articleTitle} + ' | 归档 | 小虚无的下午茶'"></title>
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/slicknav.css}">
    <link rel="stylesheet" th:href="@{/static/css/nivo-lightbox.css}">
    <link rel="stylesheet" th:href="@{/static/css/animate.css}">
    <link rel="stylesheet" th:href="@{/static/css/main.css}">
    <link rel="stylesheet" th:href="@{/static/css/responsive.css}">
    <link rel="stylesheet" th:href="@{/static/editor.md/css/editormd.min.css}">
    <link rel="stylesheet" th:href="@{/static/editor.md/css/editormd.preview.min.css}">
</head>
<body>
<header id="header-wrap">
    <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo top-nav-collapse">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar"
                        aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                    <span class="icon-menu"></span>
                    <span class="icon-menu"></span>
                    <span class="icon-menu"></span>
                </button>
                <a href="https://www.chairc.cn" class="navbar-brand"><img
                        src="./Home_files/logo.png" alt=""></a>
            </div>
            <div class="collapse navbar-collapse" id="main-navbar">
                <ul class="onepage-nev navbar-nav mr-auto w-100 justify-content-end clearfix">
                    <li class="nav-item">
                        <a class="nav-link" href="/">主页</a>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="/#about">关于</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/article/1">归档</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/message/1">留言</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/friendLink">友人帐</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/entertainment/1">娱乐</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/user/login">个人</a>
                    </li>
                </ul>
            </div>
        </div>
        <ul class="onepage-nev mobile-menu">
            <li>
                <a href="/">主页</a>
            </li>
            <li class="">
                <a href="/#about">关于</a>
            </li>
            <li class="">
                <a href="/article/1">归档</a>
            </li>
            <li class="">
                <a href="/message/1">留言</a>
            </li>
            <li class="">
                <a href="/friendLink">友人帐</a>
            </li>
            <li class="">
                <a href="/entertainment/1">娱乐</a>
            </li>
            <li class="">
                <a href="/user/login">个人</a>
            </li>
        </ul>
    </nav>
    <div id="hero-area" class="hero-area-bg">
        <div class="overlay">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 text-center">
                    <div class="contents">
                        <h5 class="head-title-other wow fadeInUp animated" data-wow-delay="0.4s"
                            style="visibility: visible;-webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s;">
                            归档
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>

<section id="article" class="article section-padding">
    <div class="container">
        <div class="row">
            <div class="" style="width: 100%">
                <div class="article-item wow fadeInDown animated" data-wow-delay="0.3s"
                     style="visibility: visible;-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;">
                    <div class="icon">
                        <i class="icon-grid"></i>
                    </div>
                    <div class="article-content article-content-small" style="text-align: justify">
                        <h3 th:text="${articleTitle}">
                        </h3>
                        <p th:text="${articleAuthor}"></p>
                        <p th:text="${articleTime}"></p>
                        <div id="markdown-view">
                            <textarea style="display: none" th:text="${articleMain}"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer th:replace="footer.html"></footer>
<a href="" class="back-to-top" style="display: block;">
    <i>
        <p>UP</p>
    </i>
</a>
<a href="javascript:history.go(-1);" class="back-to-prev">
    <i>
        <p>BACK</p>
    </i>
</a>
<script type="text/javascript" th:src="@{/static/js/jquery-min.js}"></script>
<script type="text/javascript">
    $(function() {
        var testView = editormd.markdownToHTML("markdown-view", {
            htmlDecode: "style,script,iframe",
            emoji: true,
            taskList: true,
            tocm: true,
            tex: true, // 默认不解析
            flowChart: true, // 默认不解析
            sequenceDiagram: true, // 默认不解析

            /*htmlDecode : true*/
        });
    });
</script>
<script type="text/javascript" th:src="@{/static/editor.md/editormd.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/marked.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/prettify.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/raphael.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/underscore.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/sequence-diagram.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/flowchart.min.js}"></script>
<script type="text/javascript" th:src="@{/static/editor.md/lib/jquery.flowchart.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.mixitup.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.counterup.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/waypoints.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/wow.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.nav.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.easing.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/nivo-lightbox.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.slicknav.js}"></script>
<script type="text/javascript" th:src="@{/static/js/main.js}"></script>


</body>
</html>